import 'package:flutter/material.dart';

class GridDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('网格控件'),
      ),
      // GridView.count构造函数内部使用了SliverGridDelegateWithFixedCrossAxisCount，
      // 我们通过它可以快速的创建横轴固定数量子元素的GridView

      // GridView.extent构造函数内部使用了SliverGridDelegateWithMaxCrossAxisExtent，
      // 我们通过它可以快速的创建纵轴子元素为固定最大长度的的GridView
      body: GridView.count(
        physics: BouncingScrollPhysics(),    //ios回弹效果
        primary: true,                       //否使用默认的PrimaryScrollController
        padding: const EdgeInsets.all(20.0), //内边距
        mainAxisSpacing: 10.0,               //item主轴间隙
        crossAxisSpacing: 10.0,              //item交叉轴间隙
        crossAxisCount: 3,                   //列数
        childAspectRatio: 1,                 //宽高比例
        children: <Widget>[
          Center(child: Text('第一行第一列')),
          Center(child: Text('第一行第二列')),
          Center(child: Text('第一行第三列')),
          Center(child: Text('第二行第一列')),
          Center(child: Text('第二行第二列')),
          Center(child: Text('第二行第三列')),
          Center(child: Text('第三行第一列')),
          Center(child: Text('第三行第二列')),
          Center(child: Text('第三行第三列')),
          Center(child: Text('第四行第一列')),
          Center(child: Text('第四行第二列')),
          Center(child: Text('第四行第三列')),
          Center(child: Text('第五行第一列')),
          Center(child: Text('第五行第二列')),
          Center(child: Text('第五行第三列')),
        ],
      ),
    );
  }
}
